.section-home {
    display: flex;
    padding-top: px2rem($header-height);
    overflow: hidden;

    .inner {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;

        > img {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto;
            width: px2rem(784px);
        }
    }

    .home-video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%);
        // object-fit: cover;
    }
    
    .swiper-container {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        background: center / cover;

        @for $i from 1 through 2 {
            &.slide#{$i} {
                background-image: url('./_imgs/home_bg-#{$i}.jpg');
            }
        }
    }

    .swiper-pagination {
        display: flex;
        justify-content: center;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 26px;
    }

    .pagination-item {
        flex: 0 0 70px;
        height: 3px;
        background: rgba($color: #d6e1f5, $alpha: 0.5);

        &:not(:first-child) {
            margin-left: 20px;
        }

        &.active {
            background: #fff;
        }
    }
}
